<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录</title>
	<style>
		* {
			font-size: 14px;
			font-family: "microsoft yahei";
		}
		body {
			background-color: #393D49;
		}
		canvas{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
        }
		div.login {
			width: 250px;
			background: rgba(180, 180, 180, .8);
			margin: 0 auto;
			margin-top: 15%;
			padding: 20px;
			border-radius: 10px;
		}
		div.login input, div.login button {
			border: none;
			display: block;
            padding: 10px;
            outline: none;
		}
		div.login input {
			width: 230px;
			margin-bottom: 1em;
            background: rgba(255, 255, 255, .85);
		}
		div.login button {
			width: 250px;
			margin-top: 1em;
            background: #5FB878;
            color: #FFF;
            font-size: 15px;
		}
		div.login input, div.login button, div.login img {
			border-radius: 3px;
		}
	</style>
</head>
<body>
	<div class="login">
		<input type="text" id="user" placeholder="帐号" value="admin">
		<input type="password" id="pass" placeholder="密码" value="123456">
		<input type="text" id="captcha" placeholder="验证码" value="">
		<img src="<?php echo $captcha; ?>" alt="" onclick="this.src='<?php echo $captcha; ?>?'+ Math.random()">
		<button type="button">登 录</button>
	</div>
</body>
</html>